<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Login</title>
        <link rel="stylesheet" type="text/css" href="css/general.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />
    </h:head>
    <h:body>
            <p:messages id="messages" showDetail="false" autoUpdate="true"/> 
            <h1><h:outputText value="Inicio de sesión"/></h1>
            <div class="formBlock">
            <f:view>
                <h:form>
                    <h:panelGrid columns="2" columnClasses="columnA">
                        <h:outputLabel value="Correo:" for="user" />
                        <h:inputText id="email" value="#{loginManagedBean.usuario.correo}" title="Email" required="true" requiredMessage="Se requiere el correo"/>
                        <h:outputLabel value="Password:" for="password" />
                        <h:inputSecret id="password" value="#{loginManagedBean.usuario.password}" title="Password" required="true" requiredMessage="Se requiere el password"/>
                    </h:panelGrid>
                    <br/>
                    <h:commandButton value="Aceptar" action="#{loginManagedBean.login}" />
                </h:form>
            </f:view>
       </div>
            <br/>
            <h2 align="center" style="font-size: 25px"> <h:link value="Registro" outcome="signup" /></h2>
    </h:body>
</html>
